<!DOCTYPE html>
<html>
  <head>
    <title>Center</title>
    <meta http-equiv="Content-Type" type="text/html; charset=utf-8" />
    <style type="text/css">
      html, body {
        width: 100%;
        height: 100%;
      }
      * {
        margin: 0;
        padding: 0;
      }
      td {
        text-align: center;
      }
      #container {
        width: 100%;
        height: 100%;
        vertical-align: middle;
      }
    </style>
    <script language="javascript">
     //this just show MDN logo :)
      function detonate() {
        document.write(
          "<table style='width: 100%; height: 100%; vertical-align: middle;'><tr><td style='text-align: center;'><img src='' /></td></tr></table>"
        );
      }
    </script>
  </head>
  <body>
<!-- CONTENT BEGIN -->
<table id='container'>
  <tr>
    <td>
      <input type="button"
             style="background-color: #ff0000; color: #fff; width: 200px; height: 230px;"
             value="My Big Red Nuclear Button"
             onclick="detonate()"
      />
    </td>
  </tr>
</table>
<!-- END CONTENT -->
  </body>
</html>
